<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>个人主页</title>
    <link rel="shortcut icon" href="images/ico.png">
    <link rel="stylesheet" href="css/personal.css">
    <script src="js/jquery-3.5.1.js"></script>
    <script src="js/animation.js"></script>
    <script src="https://cdn.bootcdn.net/ajax/libs/Mock.js/1.0.1-beta3/mock-min.js"></script>
    <script>
        var userInfo = localStorage.getItem('name')
        if(userInfo == null){
            location.href="login.html"
            alert('本页面需要登录才能访问！') 
        }
        //
        var Random = Mock.Random
        // console.log(Mock.mock('@cparagraph(1, 3)'))
        Random.extend({
            constellation: function (date) {
                var constellations = ['icon01.jpg', 'icon02.jpg', 'icon03.jpg', 'icon04.jpg', 'icon05.jpg', 'icon06.jpg', 'icon07.jpg', 'icon08.jpg', 'icon09.jpg', 'icon10.jpg']
                return this.pick(constellations)
            }
        })
        // console.log(Random.constellation())
        window.onload = function () {
            //更改头像鼠标悬浮
            $('#icon').on({
                mouseover: function () {
                    $('#icon_change').css('display', 'block')
                },
                mouseout: function () {
                    $('#icon_change').css('display', 'none')
                }
            })
            $('.tp_changebtn').click(function () {
                $('#tp_input').trigger('click')
            })

            $.ajax({
                url:'http://localhost:3000/personal/getInfos',
                type:'get',
                data:{
                    uId:localStorage['name'],
                },
                dataType:'json',
                success:function(res){
                    console.log(res)
                    $('#occupy').html(res.data[0].occupation)
                    $('#icon_image').attr('src',`http://localhost:3000/upload/${res.data[0].headImg}`)
                    $('#nickName').html(res.data[0].nickName)
                    $('#Signature').html(res.data[0].Signature)
                }
            })

            //添加生成的随机数据
            // Mock.mock('http://localhost:5500/api/getAllUsers', function () {
            //     var result = []
            //     var Newslength = parseInt(Math.random() * 20);

            //     for (var i = 0; i < Newslength; i++) {
            //         // console.log("1")
            //         var rndUser = Mock.mock({
            //             'answer_name': Random.cname(),
            //             'answer_info': Random.cparagraph(1),
            //             'title': Random.cparagraph(1),
            //             'text': Random.cparagraph(),
            //             'logo': Random.constellation(),
            //             'num|1-10000': 1000,
            //             'commentnum|1-500': 100,
            //         })
            //         result.push(rndUser)
            //     }
            //     return result
            // })

            // $.ajax({
            //     url: 'http://localhost:5500/api/getAllUsers',
            //     type: 'get',
            //     dataType: 'json',
            //     success: function (data) {
            //         var strHTMl = ''
            //         for (var i = 0; i < data.length; i++) {
            //             strHTMl += `<li>
            //             <span>赞同了回答</span>
            //             <h3>${data[i].title}</h3>
            //             <img src="images/${data[i].logo}" alt="">
            //             <span class="answer_name">${data[i].answer_name}</span>
            //             <span class="answer_info">${data[i].answer_info}</span>
            //             <span>${data[i].num}人也赞同了该回答</span>
            //             <p style="width: 600px; height: 15px; overflow: hidden;">${data[i].text}</p>
            //             <div class="agree1">
            //                 <svg t="1597826630853" class="icon" viewBox="0 0 1024 1024" version="1.1"
            //                     xmlns="http://www.w3.org/2000/svg" p-id="3687" width="20" height="20">
            //                     <path d="M256.32 640l256-256 256 256z" fill="#ffffff" p-id="3688"></path>
            //                 </svg>
            //                 已赞同&nbsp;${data[i].num}</div>
            //             <div class="agree2">            
            //                 <svg t="1597826650976" class="icon" viewBox="0 0 1024 1024" version="1.1"
            //                     xmlns="http://www.w3.org/2000/svg" p-id="3928" width="20" height="20">
            //                     <path d="M768 384l-256 256-256-256z" fill="#463a6a" p-id="3929"></path>
            //                 </svg>
            //             </div>
            //         </li>`
            //         }
            //         $('.deve_ul').html(strHTMl)
            //     },
            //     error: function () {
            //         console.log("请求失败")
            //     }    
            // })
            $.ajax({
                url:'http://localhost:3000/personal/getArticle',
                type:'get',
                data:{
                    uId:localStorage['name']
                },
                dataType:'json',
                success:function(res){
                    console.log(res)
                    var strHTML = ''
                    for(var i=0;i<res.data.length;i++){
                        strHTML += `<li>
                        <span>我写的文章</span>
                        <h3>${res.data[i].title}</h3>
                        <img src="http://localhost:3000/upload/${res.data[i].headImg}" alt="">
                        <span class="answer_name">${res.data[i].nickName}</span>
                        <span class="answer_info">${res.data[i].Signature}</span>
                        <span>${res.data[i].likeClick}人也赞同了该回答</span>
                        <p style="width: 600px; height: 15px; overflow: hidden;">${res.data[i].content}</p>
                        <div class="agree1">
                            <svg t="1597826630853" class="icon" viewBox="0 0 1024 1024" version="1.1"
                                xmlns="http://www.w3.org/2000/svg" p-id="3687" width="20" height="20">
                                <path d="M256.32 640l256-256 256 256z" fill="#ffffff" p-id="3688"></path>
                            </svg>
                            已赞同&nbsp;${res.data[i].likeClick}</div>
                        <div class="agree2">            
                            <svg t="1597826650976" class="icon" viewBox="0 0 1024 1024" version="1.1"
                                xmlns="http://www.w3.org/2000/svg" p-id="3928" width="20" height="20">
                                <path d="M768 384l-256 256-256-256z" fill="#463a6a" p-id="3929"></path>
                            </svg>
                        </div>
                    </li>`
                    }
                    $('.deve_ul').html(strHTML)
                }
            })
            $.ajax({
                url:'http://localhost:3000/personal/selectConcernNum',
                type:'get',
                data:{
                    uId:localStorage['name']
                },
                dataType:'json',
                success:function(res){
                    console.log(res.data)
                    $('#concernNum').html(res.data.length)
                }
            })
            $.ajax({
                url:'http://localhost:3000/personal/selectConcernNums',
                type:'get',
                data:{
                    uId:localStorage['name']
                },
                dataType:'json',
                success:function(res){
                    console.log(res.data)
                    $('#concernNums').html(res.data.length)
                }
            })
            document.getElementsByClassName('first')[1].onclick = function () {
                location.href = "index.html"
            }
            document.getElementsByClassName('second')[0].onclick = function () {
                location.href = "personal.html"
            }
        }



        //更换头像、封面
        function chanagePicture() {
            // console.log("diyici zhixing ")
            document.querySelectorAll('[type="file"]')[1].click()
        }
        function showFileInfo(that) {
            // console.log("wo zhixing ke ")
            var fileReader = new FileReader()
            fileReader.readAsDataURL(that.files[0])
            fileReader.onload = function (e) {
                // console.log(e.target.result)
                document.querySelector('#icon_image').src = e.target.result
            }
        }
        function changeTp() {
            // console.log("diyici zhixing ")
            document.querySelectorAll('[type="file"]')[0].click()
        }
        function showFileInfo2(that) {
            var fileReader = new FileReader()
            fileReader.readAsDataURL(that.files[0])
            fileReader.onload = function (e) {
                document.querySelector('#tp_image').src = e.target.result
            }
        }

        //切换导航栏
        function dynamic() {
            removeNavclass()
            document.querySelector('#deve1').style.display = 'inline-block'
            document.querySelector('#deve2').style.display = 'none'
            document.querySelector('#deve3').style.display = 'none'
            document.querySelector('#deve4').style.display = 'none'
            document.querySelector('#deve5').style.display = 'none'
            var ul = document.querySelector('.nav_ul')
            ul.firstElementChild.classList.add("navclass")
        }
        function answer() {
            removeNavclass()
            document.querySelector('#deve1').style.display = 'none'
            document.querySelector('#deve2').style.display = 'inline-block'
            document.querySelector('#deve3').style.display = 'none'
            document.querySelector('#deve4').style.display = 'none'
            document.querySelector('#deve5').style.display = 'none'
            var ul = document.querySelector('.nav_ul')
            ul.firstElementChild.nextElementSibling.classList.add("navclass")
        }
        function text() {
            removeNavclass()
            document.querySelector('#deve1').style.display = 'none'
            document.querySelector('#deve2').style.display = 'none'
            document.querySelector('#deve3').style.display = 'inline-block'
            document.querySelector('#deve4').style.display = 'none'
            document.querySelector('#deve5').style.display = 'none'
            var ul = document.querySelector('.nav_ul')
            ul.lastElementChild.previousElementSibling.classList.add("navclass")
        }
        function collect() {
            removeNavclass()
            $.ajax({
                url:'http://localhost:3000/personal/showCollect',
                type:'get',
                data:{
                    uId:localStorage['name']
                },
                dataType:'json',
                success:function(res){
                    console.log(res)
                    var strHTML=''
                    for(var i=0;i<res.data.length;i++){
                        strHTML+=`<li>
                        <span>我的收藏</span>
                        <h3 onclick="topic()">${res.data[i].title}</h3>
                        <img src="http://localhost:3000/upload/${res.data[i].headImg}" alt="">
                        <span class="answer_name">${res.data[i].nickName}</span>
                        <span class="answer_info">${res.data[i].Signature}</span>
                        <span>${res.data[i].likeClick}人也赞同了该回答</span>
                        <p style="width: 600px; height: 15px; overflow: hidden;">
                            ${res.data[i].content}  
                        </p>
                        <div class="agree1">
                            <svg t="1597826630853" class="icon" viewBox="0 0 1024 1024" version="1.1"
                                xmlns="http://www.w3.org/2000/svg" p-id="3687" width="20" height="20">
                                <path d="M256.32 640l256-256 256 256z" fill="#ffffff" p-id="3688"></path>
                            </svg>
                            已赞同&nbsp;${res.data[i].likeClick}</div>
                        <div class="agree2">
                            <svg t="1597826650976" class="icon" viewBox="0 0 1024 1024" version="1.1"
                                xmlns="http://www.w3.org/2000/svg" p-id="3928" width="20" height="20">
                                <path d="M768 384l-256 256-256-256z" fill="#463a6a" p-id="3929"></path>
                            </svg>
                        </div>
                    </li>`
                    }
                    $('#collect').html(strHTML)
                }
            })
            document.querySelector('#deve1').style.display = 'none'
            document.querySelector('#deve2').style.display = 'none'
            document.querySelector('#deve3').style.display = 'none'
            document.querySelector('#deve4').style.display = 'inline-block'
            document.querySelector('#deve5').style.display = 'none'
            var ul = document.querySelector('.nav_ul')
            ul.lastElementChild.classList.add("navclass")
        }
        function follow() {
            removeNavclass()
            document.querySelector('#deve1').style.display = 'none'
            document.querySelector('#deve2').style.display = 'none'
            document.querySelector('#deve3').style.display = 'none'
            document.querySelector('#deve4').style.display = 'none'
            document.querySelector('#deve5').style.display = 'inline-block'
            var ul = document.querySelector('.nav_ul')
            ul.lastElementChild.classList.add("navclass")
        }

        //清除导航栏样式
        function removeNavclass() {
            var ul = document.querySelector('.nav_ul')
            for (var i = 0; i < ul.children.length; i++) {
                ul.children[i].classList.remove("navclass")
            }
        }
        function removeD5() {
            var ul = document.querySelector('.d5_nav')
            for (var i = 0; i < ul.children.length; i++) {
                ul.children[i].classList.remove("d5class")
            }
        }

        var timer
        //显示更多个人信息
        function showInfo() {
            var div = document.getElementById('head')
            changeHeight(div, 500, 'height')
            document.getElementById('info1').style.display = 'none'
            document.getElementById('info2').style.display = 'block'

        }
        //收起个人信息
        function hiddenInfo() {
            var div = document.getElementById('head')
            changeHeight(div, 400, 'height')
            document.getElementById('info2').style.display = 'none'
            document.getElementById('info1').style.display = 'block'
        }
    
        //点击进入话题
        function topic(){
            location.href = 'topic.html'
        }
    
        //切换关注关注者
        function follow1(){
            removeD5()
            follow()
            document.querySelector('.d5_2').style.display = 'none'
            document.querySelector('.d5_1').style.display = 'inline-block'
            var ul = document.querySelector('.d5_nav')
            ul.firstElementChild.classList.add("d5class")
            $.ajax({
                url:'http://localhost:3000/personal/selectConcern',
                type:'get',
                data:{
                    uId:localStorage['name']
                },
                dataType:'json',
                success:function(res){
                    console.log(res.data)
                    $('concernNum').html(res.data.length)
                    var strHTML = ''
                    for(var i=0;i<res.data.length;i++){
                        strHTML+=`
                        <li>
                        <span>我关注的人</span>
                        <h3 onclick="topic()">${res.data[i].title}</h3>
                        <img src="http://localhost:3000/upload/${res.data[i].headImg}" alt="">
                        <span class="answer_name">${res.data[i].nickName}</span>
                        <span class="answer_info">${res.data[i].Signature}</span>
                        <span>${res.data[i].likeClick}人也赞同了该回答</span>
                        <p style="width: 600px; height: 15px; overflow: hidden;">
                            ${res.data[i].content}    
                        </p>
                        <div class="agree1">
                            <svg t="1597826630853" class="icon" viewBox="0 0 1024 1024" version="1.1"
                                xmlns="http://www.w3.org/2000/svg" p-id="3687" width="20" height="20">
                                <path d="M256.32 640l256-256 256 256z" fill="#ffffff" p-id="3688"></path>
                            </svg>
                            已赞同&nbsp;${res.data[i].likeClick}</div>
                        <div class="agree2">
                            <svg t="1597826650976" class="icon" viewBox="0 0 1024 1024" version="1.1"
                                xmlns="http://www.w3.org/2000/svg" p-id="3928" width="20" height="20">
                                <path d="M768 384l-256 256-256-256z" fill="#463a6a" p-id="3929"></path>
                            </svg>
                        </div>
                        </li>`
                    }
                    $('#concernContent').html(strHTML)

                }
            })
        }
        function follow2(){
            removeD5()
            follow()
            document.querySelector('.d5_1').style.display = 'none'
            document.querySelector('.d5_2').style.display = 'inline-block'
            var ul = document.querySelector('.d5_nav')
            ul.firstElementChild.nextElementSibling.classList.add("d5class")
            $.ajax({
                url:'http://localhost:3000/personal/selectConcerned',
                type:'get',
                data:{
                    uId:localStorage['name']
                },
                dataType:'json',
                success:function(res){
                    console.log(res.data)
                    $('concernNum').html(res.data.length)
                    var strHTML = ''
                    for(var i=0;i<res.data.length;i++){
                        strHTML+=`
                        <li>
                        <span>我关注的人</span>
                        <h3 onclick="topic()">${res.data[i].title}</h3>
                        <img src="http://localhost:3000/upload/${res.data[i].headImg}" alt="">
                        <span class="answer_name">${res.data[i].nickName}</span>
                        <span class="answer_info">${res.data[i].Signature}</span>
                        <span>${res.data[i].likeClick}人也赞同了该回答</span>
                        <p style="width: 600px; height: 15px; overflow: hidden;">
                            ${res.data[i].content}    
                        </p>
                        <div class="agree1">
                            <svg t="1597826630853" class="icon" viewBox="0 0 1024 1024" version="1.1"
                                xmlns="http://www.w3.org/2000/svg" p-id="3687" width="20" height="20">
                                <path d="M256.32 640l256-256 256 256z" fill="#ffffff" p-id="3688"></path>
                            </svg>
                            已赞同&nbsp;${res.data[i].likeClick}</div>
                        <div class="agree2">
                            <svg t="1597826650976" class="icon" viewBox="0 0 1024 1024" version="1.1"
                                xmlns="http://www.w3.org/2000/svg" p-id="3928" width="20" height="20">
                                <path d="M768 384l-256 256-256-256z" fill="#463a6a" p-id="3929"></path>
                            </svg>
                        </div>
                        </li>`
                    }
                    $('#concernContented').html(strHTML)

                }
            })
        }
    </script>
</head>

<body>
    <!-- 导航栏 -->
    <div id="Navigation"></div>
    <!-- 版心 -->
    <div class="content">
        <div class="head" id="head" style="width: 1000px; height: 400px;">
            <div id="titlepage">
                <img src="images/login_bg2.jpg" id="tp_image" alt="">
                <input type="file" name="" multiple onchange="showFileInfo2(this)">
                <div class="tp_changebtn" onclick="changeTp()">
                    <svg t="1597738484243" class="icon" viewBox="0 0 1024 1024" version="1.1"
                        xmlns="http://www.w3.org/2000/svg" p-id="4307" width="16" height="16">
                        <path
                            d="M269.44 256l23.296-75.381333A74.666667 74.666667 0 0 1 364.074667 128h295.850666a74.666667 74.666667 0 0 1 71.338667 52.618667L754.56 256H821.333333c64.8 0 117.333333 52.533333 117.333334 117.333333v426.666667c0 64.8-52.533333 117.333333-117.333334 117.333333H202.666667c-64.8 0-117.333333-52.533333-117.333334-117.333333V373.333333c0-64.8 52.533333-117.333333 117.333334-117.333333h66.773333z m23.605333 64H202.666667a53.333333 53.333333 0 0 0-53.333334 53.333333v426.666667a53.333333 53.333333 0 0 0 53.333334 53.333333h618.666666a53.333333 53.333333 0 0 0 53.333334-53.333333V373.333333a53.333333 53.333333 0 0 0-53.333334-53.333333h-90.378666a32 32 0 0 1-30.570667-22.549333l-30.272-97.930667a10.666667 10.666667 0 0 0-10.186667-7.52H364.074667a10.666667 10.666667 0 0 0-10.186667 7.52l-30.272 97.92A32 32 0 0 1 293.045333 320zM512 725.333333c-88.362667 0-160-71.637333-160-160 0-88.362667 71.637333-160 160-160 88.362667 0 160 71.637333 160 160 0 88.362667-71.637333 160-160 160z m0-64a96 96 0 1 0 0-192 96 96 0 0 0 0 192z"
                            p-id="4308" fill="#eeeeee"></path>
                    </svg>
                    编辑封面图片</div>
            </div>
            <div id="icon" onclick="chanagePicture()">
                <img src="images/logo.jpg" id="icon_image" alt="">
                <input type="file" name="" multiple onchange="showFileInfo(this)">
                <div id="icon_change">
                    <svg t="1597738484243" class="icon" viewBox="0 0 1024 1024" version="1.1"
                        xmlns="http://www.w3.org/2000/svg" p-id="4307" width="100" height="100">
                        <path
                            d="M269.44 256l23.296-75.381333A74.666667 74.666667 0 0 1 364.074667 128h295.850666a74.666667 74.666667 0 0 1 71.338667 52.618667L754.56 256H821.333333c64.8 0 117.333333 52.533333 117.333334 117.333333v426.666667c0 64.8-52.533333 117.333333-117.333334 117.333333H202.666667c-64.8 0-117.333333-52.533333-117.333334-117.333333V373.333333c0-64.8 52.533333-117.333333 117.333334-117.333333h66.773333z m23.605333 64H202.666667a53.333333 53.333333 0 0 0-53.333334 53.333333v426.666667a53.333333 53.333333 0 0 0 53.333334 53.333333h618.666666a53.333333 53.333333 0 0 0 53.333334-53.333333V373.333333a53.333333 53.333333 0 0 0-53.333334-53.333333h-90.378666a32 32 0 0 1-30.570667-22.549333l-30.272-97.930667a10.666667 10.666667 0 0 0-10.186667-7.52H364.074667a10.666667 10.666667 0 0 0-10.186667 7.52l-30.272 97.92A32 32 0 0 1 293.045333 320zM512 725.333333c-88.362667 0-160-71.637333-160-160 0-88.362667 71.637333-160 160-160 88.362667 0 160 71.637333 160 160 0 88.362667-71.637333 160-160 160z m0-64a96 96 0 1 0 0-192 96 96 0 0 0 0 192z"
                            p-id="4308" fill="#eeeeee"></path>
                    </svg>
                </div>

            </div>
            <div id="information">
                <h1 id="nickName">知遇001</h1>
                <div id="info1">
                    <span><svg class="change" t="1597738385427" class="icon" viewBox="0 0 1024 1024" version="1.1"
                            xmlns="http://www.w3.org/2000/svg" p-id="4166" width="20" height="20">
                            <path
                                d="M896 864a32 32 0 0 1 0 64H128a32 32 0 0 1 0-64z m-60.16-733.621333l15.093333 15.093333c45.866667 45.834667 45.866667 120.16 0 166.005333L418.794667 743.338667a160.192 160.192 0 0 1-78.122667 42.986666l-152.245333 34.197334c-23.84 5.365333-44.661333-16.853333-37.749334-40.288l43.338667-146.88a160.042667 160.042667 0 0 1 40.373333-67.925334l435.328-435.050666c45.866667-45.834667 120.245333-45.834667 166.112 0zM636.32 254.304L279.68 610.709333a96.021333 96.021333 0 0 0-24.213333 40.746667l-27.946667 94.656 99.093333-22.261333a96.117333 96.117333 0 0 0 46.869334-25.781334L726.933333 344.842667l-90.602666-90.538667z m78.698667-78.656l-33.397334 33.386667 90.602667 90.538666 33.386667-33.376a53.333333 53.333333 0 0 0 0-75.456l-15.093334-15.093333a53.408 53.408 0 0 0-75.498666 0z"
                                p-id="4167"></path>
                        </svg><span id="Signature">编辑个性签名</span></span>
                    <p onclick="showInfo()"><svg class="more" t="1597737142479" class="icon" viewBox="0 0 1024 1024"
                            version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2672" width="15" height="15">
                            <path
                                d="M512 685.248l-278.624-278.624 45.248-45.248L512 594.752l233.376-233.376 45.248 45.248z"
                                fill="#aaaaaa" p-id="2673"></path>
                        </svg>查看更多个人信息</p>
                </div>
                <div id="info2">
                    <ul id="info2_ul">
                        <li>
                            <a>性别</a>
                            <span id="sex"><svg t="1599733816273" class="icon" viewBox="0 0 1024 1024" version="1.1"
                                    xmlns="http://www.w3.org/2000/svg" p-id="1888" width="30" height="30">
                                    <path
                                        d="M298.24 759.594667a225.877333 225.877333 0 1 1 319.488-319.445334 225.877333 225.877333 0 0 1-319.445333 319.445334z m30.208-30.165334A183.210667 183.210667 0 1 0 587.52 470.314667a183.210667 183.210667 0 0 0-259.114667 259.114666z"
                                        fill="#55585f" p-id="1889"></path>
                                    <path
                                        d="M602.624 455.253333a21.333333 21.333333 0 0 1-2.474667-27.221333l2.474667-2.986667 93.184-93.141333a21.333333 21.333333 0 0 1 32.64 27.221333l-2.474667 2.986667-93.184 93.141333a21.333333 21.333333 0 0 1-30.165333 0z"
                                        fill="#55585f" p-id="1890"></path>
                                    <path
                                        d="M567.68 317.184l0.554667-3.84a21.333333 21.333333 0 0 1 21.845333-16.384l3.84 0.554667 134.698667 31.744 31.744 134.698666a21.333333 21.333333 0 0 1-40.32 13.44l-1.194667-3.626666-25.728-109.056-109.013333-25.685334a21.333333 21.333333 0 0 1-16.256-18.090666l-0.170667-3.754667z"
                                        fill="#55585f" p-id="1891"></path>
                                </svg>
                                <!-- <svg t="1599733967649" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" 
                            p-id="2149" width="30" height="30"><path d="M733.866667 300.8a224 224 0 1 1-316.8 316.8A224 224 0 0 1 733.866667 300.8z m-30.165334 30.165333a181.333333 181.333333 0 1 0-256.426666 256.426667 181.333333 181.333333 0 0 0 256.426666-256.426667z" 
                            fill="#55585f" p-id="2150"></path><path d="M432.170667 602.496a21.333333 21.333333 0 0 1 2.474666 27.221333l-2.474666 2.986667-105.6 105.557333a21.333333 21.333333 0 0 1-32.64-27.221333l2.474666-2.944 105.6-105.6a21.333333 21.333333 0 0 1 30.165334 0z" 
                            fill="#55585f" p-id="2151"></path><path d="M484.949333 760.917333a21.333333 21.333333 0 0 1-27.221333 32.64l-2.944-2.474666-211.2-211.2a21.333333 21.333333 0 0 1 27.221333-32.64l2.986667 2.474666 211.2 211.2z" 
                            fill="#55585f" p-id="2152"></path></svg> -->
                            </span>
                        </li>
                        <li>
                            <a>职业</a>
                            <span id="occupy">程序员</span>
                        </li>
                        <li>
                            <a>个人简介</a>
                            <span>勤勤恳恳兢兢业业</span>
                        </li>
                        <li>
                            <p onclick="hiddenInfo()"><svg t="1599728101182" class="icon" viewBox="0 0 1024 1024" version="1.1"
                                xmlns="http://www.w3.org/2000/svg" p-id="2611" width="15" height="15">
                                <path
                                    d="M745.376 662.624L512 429.248l-233.376 233.376-45.248-45.248L512 338.752l278.624 278.624z"
                                    fill="#aaaaaa" p-id="2612"></path>
                            </svg>收起</p>
                        </li>
                    </ul>
                </div>

                <a href="personal-info.html">
                    <div class="infor_changebtn" onclick="changePersonal(this)">编辑个人资料</div>
                </a>
            </div>
        </div>
        <div class="main_left">
            <div class="nav">
                <ul class="nav_ul">
                    <li onclick="dynamic()" class="navclass">动态</li>
                    <li onclick="answer()">回答</li>
                    <li onclick="text()">文章</li>
                    <li>
                        <div class="press">
                            <a class="nav_more" href="#">更多<svg t="1597745702277" class="icon" viewBox="0 0 1024 1024"
                                    version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="4017" width="15" height="15">
                                    <path
                                        d="M512 685.248l-278.624-278.624 45.248-45.248L512 594.752l233.376-233.376 45.248 45.248z"
                                        fill="#181818" p-id="4018"></path>
                                </svg></a>
                            <div class="nav_con">
                                <a href="#" onclick="collect()">收藏&nbsp;<span id="collect_num">3</span></a>
                                <a href="#" onclick="follow()">关注&nbsp;<span id="follow_num">0</span></a>
                            </div>
                        </div>
                    </li>
                </ul>
            </div>
            <div id="deve1">
                <ul class="deve_ul">
                    <li>
                        <div class="deve_none">
                            <svg width="150" height="120" viewBox="0 0 150 120" fill="currentColor"><g fill="none" fill-rule="evenodd"><path fill="#EBEEF5" d="M67.757 83H45c-1.66 0-3-1.338-3-2.998V37.998A3.003 3.003 0 0 1 45 35h53.42v-3H45c-3.31 0-6 2.686-6 5.998v42.004A5.994 5.994 0 0 0 45 86h21.515l6.853 6.854a2.99 2.99 0 0 0 4.234 0L84.456 86H105c3.31 0 6-2.686 6-5.998v-36.54h-3v36.54A3.003 3.003 0 0 1 105 83H83.214l-7.728 7.728L67.756 83z" fill-rule="nonzero"></path><path fill="#F7F8FA" d="M55 48.5c0-.828.67-1.5 1.508-1.5h26.984a1.5 1.5 0 1 1 0 3H56.508A1.5 1.5 0 0 1 55 48.5zm0 11c0-.828.677-1.5 1.495-1.5h37.01c.826 0 1.495.666 1.495 1.5 0 .828-.677 1.5-1.495 1.5h-37.01A1.494 1.494 0 0 1 55 59.5zm0 11c0-.828.677-1.5 1.495-1.5h37.01c.826 0 1.495.666 1.495 1.5 0 .828-.677 1.5-1.495 1.5h-37.01A1.494 1.494 0 0 1 55 70.5z"></path><path fill="#EBEEF5" d="M94.868 50.46l18.92-18.92-2.83-2.827-18.918 18.92-2.12-2.123 18.917-18.918a3.005 3.005 0 0 1 4.245-.002l2.828 2.828a3.004 3.004 0 0 1-.002 4.245L96.99 52.58l-2.122-2.12zm-7.193 2.377l2.244-7.327 7.07 7.07-7.328 2.245c-1.575.482-2.473-.405-1.988-1.988z" fill-rule="nonzero"></path></g></svg>
                            <div class="no_dynamic">暂无动态,点击查看
                                <a href="index.html">推荐问题</a>
                            </div>
                        </div>
                    </li>
                </ul>
            </div>
            <div id="deve2">
                <ul>
                    <li>
                        <span>回答了问题</span>
                        <h3 onclick="topic()">医生在医院见到过怎样奇葩的人？</h3>
                        <img src="images/01.jpg" alt="">
                        <span class="answer_name">急诊狼人</span>
                        <span class="answer_info">急诊医学硕士/中毒救治（百草枯、有机磷、笑气）/丁香园达人</span>
                        <span>3,146人也赞同了该回答</span>
                        <p style="width: 600px; height: 15px; overflow: hidden;">
                            一位28岁的轻年，晚上快十一点了来看急诊，后面跟着他的母亲。我问“你哪里不舒服？”
                            他母亲回复我，“他吃了百草枯。”从进门他就表现的很坦然，进门诊后，
                            他就坐在检查床上不说话。我问喝了多久了，喝了多少，也不理我。但是看他的样子，
                            是没喝，因为他妈妈也很淡定。我问洗胃了吗，他也不回答。我拿出尿管，递给他，说，
                            “去取点尿化验一下。”他拿着尿管，转身离开，他妈妈随着他离开，应该是去厕所留尿了吧！
                            他离开后，我和门诊的值班的护士说，“他肯定没喝。”护士笑了笑，没回答我，继续看她的小说。
                            这个病人是直接来的急诊中毒门诊，不是去急诊分诊台，也就是说他不着急，都能找到急诊中毒科，
                            毕竟门诊对外人很难找。几分钟后，他拿了一管尿进来，护士接过，加入试剂，我站在旁边检测结果。
                            两种试剂混合导入尿液，尿液变色。而病人看到尿液变色后，明显的泄了口气，有种如释重负的感觉。
                            而我看到尿液变色后，就把病人的妈妈引出门诊，告诉她，她儿子的病情很重，需要洗胃，血液净化，
                            风险很大，说完后。病人的妈妈回答我，要和她儿子商量一下。商量也没出去，就在门诊。
                            病人很平和的拒绝了所有治疗，除了要住院观察外。我又在病人面前说了一遍严重性，没有。
                            给他找了个床自生自灭吧。夜班下班前，病人来要了请假条，让他妈妈送到单位去。此后数天，
                            检查也没事，嘴也没烂，一切很好。每天查房他也不说话，就是在看手机。因为很特别，大家很关注他吧。
                            有天夜班，我在科室里问，“为什么他能这样呢？”搭班的还是那个喜欢看小说的护士，她回答我，
                            “你不知道吗？那个病人为了请假，吃了百草枯。为了能检测出来，他真的吃了。为了控制吃百草枯的量，
                            他用针管测了百草枯量，保证少于致死量。为了让百草枯不腐蚀口腔，他用针管吸了百草枯注射进胶囊里吃进去的。
                            所以…”听完这一通解释，我你*，这是什么智商。为了请假还能这样！这病人住满21天出院，
                            据听说他又用同样的方法来住院请假被拒绝了。是不是很神奇，错，还有神人。我一个同学学乳腺外的，男生。…，
                            不说了，怕有人学。
                        </p>
                        <div class="agree1">
                            <svg t="1597826630853" class="icon" viewBox="0 0 1024 1024" version="1.1"
                                xmlns="http://www.w3.org/2000/svg" p-id="3687" width="20" height="20">
                                <path d="M256.32 640l256-256 256 256z" fill="#ffffff" p-id="3688"></path>
                            </svg>
                            已赞同&nbsp;664</div>
                        <div class="agree2">
                            <svg t="1597826650976" class="icon" viewBox="0 0 1024 1024" version="1.1"
                                xmlns="http://www.w3.org/2000/svg" p-id="3928" width="20" height="20">
                                <path d="M768 384l-256 256-256-256z" fill="#463a6a" p-id="3929"></path>
                            </svg>
                        </div>
                    </li>
                </ul>
            </div>
            <div id="deve3">
                <ul>
                    <li>
                        <span>关注了问题</span>
                        <h3 onclick="topic()">如果你是闪耀暖暖里的暖暖，你会怎么做？</h3>
                    </li>
                </ul>
            </div>
            <div id="deve4">
                <ul id="collect">
                    <li>
                        <!-- <span>收藏</span> -->
                        <!-- <h3 onclick="topic()">如果你是闪耀暖暖里的暖暖，你会怎么做？</h3> -->
                        <span>我的收藏</span>
                        <h3 onclick="topic()">医生在医院见到过怎样奇葩的人？</h3>
                        <img src="images/01.jpg" alt="">
                        <span class="answer_name">急诊狼人</span>
                        <span class="answer_info">急诊医学硕士/中毒救治（百草枯、有机磷、笑气）/丁香园达人</span>
                        <span>3,146人也赞同了该回答</span>
                        <p style="width: 600px; height: 15px; overflow: hidden;">
                            一位28岁的轻年，晚上快十一点了来看急诊，后面跟着他的母亲。我问“你哪里不舒服？”
                            他母亲回复我，“他吃了百草枯。”从进门他就表现的很坦然，进门诊后，    
                        </p>
                        <div class="agree1">
                            <svg t="1597826630853" class="icon" viewBox="0 0 1024 1024" version="1.1"
                                xmlns="http://www.w3.org/2000/svg" p-id="3687" width="20" height="20">
                                <path d="M256.32 640l256-256 256 256z" fill="#ffffff" p-id="3688"></path>
                            </svg>
                            已赞同&nbsp;664</div>
                        <div class="agree2">
                            <svg t="1597826650976" class="icon" viewBox="0 0 1024 1024" version="1.1"
                                xmlns="http://www.w3.org/2000/svg" p-id="3928" width="20" height="20">
                                <path d="M768 384l-256 256-256-256z" fill="#463a6a" p-id="3929"></path>
                            </svg>
                        </div>
                    </li>
                </ul>
            </div>
            <div id="deve5">
                <ul class="d5_nav">
                    <li onclick="follow1()">我关注的人</li>
                    <li onclick="follow2()">关注我的人</li>
                </ul>
                <ul class="d5_1" id="concernContent">
                    <li>
                        <span>我关注的人</span>
                        <h3  onclick="topic()">如果你是闪耀暖暖里的暖暖，你会怎么做？</h3>
                    </li>
                </ul>
                <ul class="d5_2" id="concernContented">
                    <li>
                        <span>关注我的人</span>
                        <h3 onclick="topic()">如果你是闪耀暖暖里的暖暖，你会怎么做？</h3>
                    </li>
                </ul>
            </div>
        </div>
        <div class="main_right">
            <div class="creative_center">创作中心</div>
            <div class="kt"><a href="find.html">去开通</a>
                <svg t="1597752503211" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg"
                    p-id="23658" width="20" height="20">
                    <path d="M434.944 790.624l-45.248-45.248L623.04 512l-233.376-233.376 45.248-45.248L713.568 512z"
                        fill="#aaaaaa" p-id="23659"></path>
                </svg>
            </div>
            <div class="icon">
                <svg t="1597752294502" class="icon" viewBox="0 0 1024 1024" version="1.1"
                    xmlns="http://www.w3.org/2000/svg" p-id="22649" width="100" height="100">
                    <path
                        d="M384 192c52.928 0 96 43.072 96 96s-43.072 96-96 96-96-43.072-96-96 43.072-96 96-96m0 256c88.224 0 160-71.776 160-160s-71.776-160-160-160-160 71.776-160 160 71.776 160 160 160M704 352a64 64 0 1 1-0.032 128.032A64 64 0 0 1 704 352m0 192c70.592 0 128-57.408 128-128s-57.408-128-128-128-128 57.408-128 128 57.408 128 128 128M772.576 608.096h-137.12c-2.944 0-5.76 0.416-8.64 0.64A160.128 160.128 0 0 0 480 512H288c-88.192 0-160 71.776-160 160v224h64v-224c0-52.928 43.072-96 96-96h192c52.96 0 96 43.072 96 96v224h64v-223.904h132.576c32.768 0 59.424 26.656 59.424 59.392V896h64v-164.512a123.52 123.52 0 0 0-123.424-123.392"
                        fill="#463a6a" p-id="22650"></path>
                </svg>
            </div>
            <div class="bottom">
                <ul>
                    <li onclick="follow1()">
                        <span>关注了</span>
                        <h3 id="concernNum">3</h3>
                    </li>
                    <li onclick="follow2()">
                        <span>关注者</span>
                        <h3 id="concernNums">5</h3>
                    </li>
                </ul>
            </div>
        </div>
    </div>

    <script>
        $("#Navigation").load("Navigation.html");
    </script>
</body>

</html>